<div style="position:fixed;top:0px;right:0px;font-size:12px;padding:5px;" id="ora"></div>
<form action="SignUpTServlet" method="post" style="border:0px #333333 solid;position:absolute;height:260px;width:150px;top:50%;margin-top:-150px;left:50%;margin-left:-75px;">
            ITS SignUp<br/>
            <input id="username" onfocus="if(this.value=='username')this.value='';" onblur="if(this.value=='')this.value='username';" type="text" name="username" value="username" style="border:1px #333fe4 solid; color:#245a13;width:100%;margin-top:15px;" /><br/>
            <input onfocus="if(this.value=='password'){this.value='';this.type='password';}" onblur="if(this.value==''){this.value='password';this.type='text';}" type="text" name="password" id="password" value="password" style="border:1px #333fe4 solid; color:#245a13;margin-top:15px;width:100%;"/><br/>
            <input onfocus="if(this.value=='repeat password'){this.value='';this.type='password';}" onblur="if(this.value==''){this.value='repeat password';this.type='text';}" type="text" name="password2" id="password2" value="repeat password" style="border:1px #333fe4 solid; color:#245a13;margin-top:15px;width:100%;"/><br/>
          
            <textarea id="details" name="description" onfocus="if(this.value=='details about you')this.value='';" onblur="if(this.value=='')this.value='details about you';" style="border:1px #333fe4 solid; display:block; color:#245a13;width:100%;margin-top:15px;" rows="5" cols="20">details about you</textarea>
            
            <input id="okbutton" type="submit" value="LogIn" name="LoginBtn" style="border:2px #999999 solid; display:none; color:#ffffff;background:#333333;margin-top:15px;width:100%;" /><br/>
            <span style="font-size:10px;">* Note: Signup button will appear after form completion</span><br/><br/>
            Back to the <a href="LoginTServlet">Log-In</a> page
            <script type="text/javascript">
                function check_form()
                    {
                         var ourDate = new Date();
                        document.getElementById('ora').innerHTML = ourDate.toLocaleString();;
                        if((document.getElementById('username').value!='')&&(document.getElementById('username').value!='username')&&(document.getElementById('password').value==document.getElementById('password2').value))
                            document.getElementById('okbutton').style.display='block';
                            else document.getElementById('okbutton').style.display='none';
                    }
                setInterval("check_form()",1000);
            </script>
</form>
